高德地图API,地图类型切换(卫星地图) 您所在的位置:网站首页 vue 高德地图 路况 高德地图API,地图类型切换(卫星地图)

高德地图API,地图类型切换(卫星地图)

2024-07-18 04:04| 来源: 网络整理| 查看: 265

常用控件

AMap.MapType :地图类型切换插件,可用于切换卫星地图

首先记得引入插件

添加控件 map.addControl()

DOCTYPE html> map *{margin:0;padding:0;list-style: none;} #container {width:100%; height: 100%;top:0;left:0;position: absolute; } var map=new AMap.Map("container",{ zoom:11, center:[121.549792,29.868388] }); map.addControl(new AMap.MapType({ defaultType:0 //0代表默认,1代表卫星 }));

 

 

右上角多出一个工具,可以切换普通模式和卫星地图模式

 

 

下面展示下放大的卫星地图(zoom 16 的情况下)

 

 

显示路况

DOCTYPE html> map *{margin:0;padding:0;list-style: none;} #container {width:100%; height: 100%;top:0;left:0;position: absolute; } var map=new AMap.Map("container",{ zoom:16, center:[121.549792,29.868388] }); map.addControl(new AMap.MapType({ defaultType:0, //0代表默认,1代表卫星 showRoad:true//显示路况(右上角也可点击) }));

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有